<template>
  <!-- <Child :name="name" /> -->
  <Child />
  <!-- <h1>{{ name }}</h1> -->
</template>

<script>
import { ref } from 'vue';
import Child from './Children';

export default {
  name: 'Father',
  components: {
    Child
  },
  // props: {
  //   name: String
  // },
  // data() {
  //   return {
  //     name: '张三'
  //   }
  // },
  // methods: {
  //   changeName() {
  //     this.name = '李四';
  //   }
  // }
  setup() {
    const name = ref('张三');

    const changeName = () => {
      name.value = '李四';
    }
    
    return {
      name,
      changeName
    }
  }
}
</script>

<style>

</style>